<template>
	<view class=" px-28 pb-40 bg-FFFFFF">
		<!-- @click="huivip" -->
		<view class=" " @click="goBack(0)">
			<x-vip-card  
			:ids="dataList[0].level_detail_ids"
			:idindex="dataList[0].id"
			:viptitle="dataList[0].name"
			:mony="dataList[0].level_price"
			/>
		</view>
		 <!-- @click="jinvip" -->
		<view class="mt-80"  @click="goBack(1)">
			<x-vip-card
			:ids="dataList[1].level_detail_ids"
			:idindex="dataList[1].id"
			:viptitle="dataList[1].name"
			:mony="dataList[1].level_price"
			 bgimg="/goodsPage/static/doct/jinsevip.png"
			 img1="/goodsPage/static/doct/jinsefenx.png"
			 img2="/goodsPage/static/doct/jinsezhek.png"
			 img3="/goodsPage/static/doct/jinsetuig.png"
			 vipimglogo="/goodsPage/static/doct/jinselogo.png"
			 />
		</view>
		<!-- @click="lanvip" -->
		<view class="mt-80"   @click="goBack(2)">
			<x-vip-card 
			:ids="dataList[2].level_detail_ids"
			:idindex="dataList[2].id"
			:viptitle="dataList[2].name"
			:mony="dataList[2].level_price"
			bgimg="/goodsPage/static/doct/hongsevip.png"
			img1="/goodsPage/static/doct/hongsefenx.png"
			img2="/goodsPage/static/doct/hongsezhek.png"
			img3="/goodsPage/static/doct/hongsetuig.png"
			vipimglogo="/goodsPage/static/doct/hongselogo.png" 
			/>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[],
			}
		},
		onShow() {
			this.$https('doctindex.levellist').then(res=>{
				this.dataList=res.data;
			})
		},
		methods: {
			goBack(index){
				let cardid = this.dataList[index].level_detail_ids;
				let idindex = this.dataList[index].id;
				uni.navigateTo({
					url:`../vipDetails/vipDetails?cardid=${cardid}&idindex=${idindex}`
				})
			},
			// emit
			cardsalls(obj){ 
				console.log(obj,'obj')
				// id  0分像收益  1复购折扣  2推广升级
				// cardid: 1vip  2黄金  3天海
				uni.navigateTo({ 
					// url:`../vipDetails/vipDetails?id=${obj.id}&cardid=${obj.cardid}`
					url:`../vipDetails/vipDetails?cardid=${obj.cardid}&idindex=${obj.idindex}`
					
				})
			},
			// 0 白银会员 1黄金会员 2 天蓝会员
			// huivip(){ 
			// 	uni.navigateTo({
			// 		url:'../vipDetails/vipDetails?id='+this.dataList[0].id
			// 	})
			// },
			// jinvip(){
			// 	uni.navigateTo({
			// 		url:'../vipDetails/vipDetails?id='+this.dataList[1].id
			// 	})
			// },
			
			// lanvip(){
			// 	uni.navigateTo({
			// 		url:'../vipDetails/vipDetails?id=2'+this.dataList[2].id
			// 	})
			// },
		}
	}
</script>

<style>

</style>
